<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>门店详情</title>
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <script type="text/javascript" src="/Public/Member/js/jquery.min.js"></script>
  <link rel="stylesheet" href="/Public/Member/css/base.css">
  <style>
    html{overflow-x: hidden;font-size: 60%;}
    body{background: #f5f5f5; font-family: "微软雅黑";}
    .shopinfo{padding: 1rem;}

    .shopinfo .box{border: 1px #cccccc solid;background: #fff; margin-bottom: 1rem;}
    .shopinfo .box .desc{padding: 0.6rem;}
    .shopinfo .box table tr td{line-height: 3rem; font-size: 1.7rem;color: #666666;}
    .shopinfo .box table tr .td1{width: 8.5rem;}
    
    .shopinfo .box .box-bg{border-bottom: 1px #ccc solid; display: inline-block;width: 100%}
    .shopinfo .box .box-bg img{width: 100%;}

    .ico-nav-ul{display: block;width: 100%;height: 4rem; background: #f3f3f3; border-top: 1px #ccc solid; overflow: hidden;}
    .ico-nav-ul li{float: right;border-left:1px #ccc solid; padding: 0.6rem; font-size: 2rem; text-align: center;}
    .ico-nav-ul li.redu{float: left; border-left: none;color: #999999;padding-left: 1rem;line-height: 3.2rem;}
    .ico-nav-ul li a{ display:block;height: 3rem;width: 3rem;text-align: center;padding-left: 0;line-height: 3rem;}
    .ico-nav-ul li a img{width: 70%;height: 70%;}


    .box .box-title{border-bottom: 2px #f2f2f2 solid; text-align: center;height: 2rem;}
    .box .box-title span{color: #999999;font-size: 2rem; font-weight: normal;background: #fff; padding: 0 4px;}

    .box .box-p10{padding: 0.8rem;padding-bottom: 2rem;}

    .person{width: 100%;overflow: hidden;margin-top: 2rem;}
    .person .w-max{width: 106%;}
    .person a{display: inline-block;width: 8.3rem;margin-right: 1rem;border: 1px #ccc solid; margin-bottom: 1rem;color: #333333;font-size: 1.6rem;text-align: center;float: left;line-height: 2.5rem;}
    .person a img{width: 100%;}
  </style>
  <script type="text/javascript">
      function collect(tid){
          $.get("{:U('Designer/collect')}", {tid: tid,type:1}, function (r) {
             alert(r.info);
             if(r.status){
                 window.location.reload();
             }
          });
      }
  </script>
 </head>
 <body>
   <div class="shopinfo">
     <div class="box">
        <a href="#" class="box-bg"><img src="{$info.pic|get_cover='path'}" alt=""></a>
        <div class="desc">
          <table>
          <tr>
            <td class="td1">地　　址：</td>
            <td>{$info.address}</td>
          </tr>
          <tr>
            <td class="td1">联系方式：</td>
            <td>{$info.phone}</td>
          </tr>
          <tr>
            <td class="td1">其他说明：</td>
            <td>{$info.explain}</td>
          </tr>
          </table>
        </div>
        <ul class="ico-nav-ul">
            <li class="redu">607热度</li>
            <li><a href="tel:{$info.phone}"><img src="/Public/Member/images/ico-tel.png" alt=""></a></li>
            <li><a href="{:U('Store/driver',array('lon'=>$info['lon'],'lat'=>$info['lat'],'bid'=>$info['bid']))}"><img src="/Public/Member/images/ico-jt.png" alt=""></a></li>
            <li><a href="#"><img src="/Public/Member/images/ico-fx.png" alt=""></a></li>
            <if condition='!$iscollect'><li><a onclick="collect({$info.id});"><img src="/Public/Member/images/ico-xin.png" alt=""></a></li></if>
        </ul>
     </div> <!-- /box -->

     <div class="box">
       <div class="box-p10">
             <h3 class="box-title"><span>本店设计师</span></h3>
       

           <div class="person">
             <div class="w-max">
                 <volist name='designer' id='vo'>
                     <a href="{:U('Designer/detail',array('id'=>$vo['id']))}"><img src="{$vo.pic|get_cover='path'}" alt="">{$vo.dname}</a>
                 </volist>
             </div>
           </div>
       </div>  
     </div> <!-- /box -->
   </div> 
 </body>
 </html>